<template>
  <div>
    {{ obj.name }}
    {{ obj.age }}
    <button @click="update()">修改值</button>
  </div>
</template>

<script>
import { reactive} from "vue";
export default {
  name: "app",
  setup() {
      var obj=reactive({
          name:'zhangsan',
          age:'18'
      })
    // 定义响应式数据：
    // reactive是一个函数，它可以定义一个*复杂数据*类型，成为响应式数据
    console.log(obj);
    const update=()=>{
        obj.name="lisi",
        obj.age="15"
    }
    return { obj,update };

  },
};
</script>
